
@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	padding:0;
	background:#b2b2b2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	height: 100%;
	}
	
	h2
	{
	    font: 20px Arial, Helvetica, sans-serif;
	    line-height:20px;
	 /*   color:#2929AB;*/
	 color:#f2f2f2;	    
	}
	
#wrap{
	min-width:100%;	
	min-height: 98%;
	background:url(../images/homebannerbg.gif) repeat-x;
	}
	
	.footerText{
	font-size:11px;
	color:#fff;
	}
	
#clear{
	clear:both;
	}	
	
#container
{
    overflow:auto;
	/*padding-bottom:10px;*/
	width:987px;
	margin:0 auto;
	padding-bottom: 60px;
	/*min-height:200px;*/
    /*height: auto;*/
}
	
#contentBody{
	width:987px;
	float:left;
	min-height:355px;
	padding:0px 0px 0px 0px;
    width: 100%;
	}
#contentBody h2{ float: left;width: 50%; p}
#contentBody table.search-table{ float: right;width: 29%; border:0px none}			
#Login{
	height:auto;
	width:auto;
	text-align:left;
	clear:both;
	display:block;
	}
	
#footer
{
      margin-top: -60px; 
    text-align:center;
    /*background:url(../images/homefooterbg.gif) repeat-x;*/
    position:relative;
    left:0px;
    bottom:0px;   
    height:60px;
    width:100%; 
    /*28-9-2011*/
    background-color:#8C8C8C;
    border-top: 1px solid #EBEBEB;
    /*page-break-before:always;   */
}

#push
{
    height:60px;
    clear:both;
}


/*Opera Fix - footer*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
	}	
	
/*-------------------------end footer--------------------------*/		

#header{
	height:105px;
	float:left;
	width:987px;
	margin-left:0px;
	background-color:#fff;
	}
	
#heading{
	height:75px;
	width:300px;
	float:left;
	margin:15px 0 0 25px;
	}	
	
#logo{
	/*height:53px;
	width:185px;*/
	float:left;
	margin:12px 0 0 0;
	}
	
#loginDiv{
	margin:22px 0 0 0;
	width:300px;
	height:64px;
	float:right;
	}	
	
#loginBox{
	height:64px;
	width:auto;
	text-align:left;
	}
	
#loginBox #left{
	float:right;
	height:64px;
	width:7px;
	background:url(../images/left-profile-box.jpg) no-repeat;
	}
	
#loginBox #mid{
	float:right;
	background:url(../images/center-profile-box.jpg) repeat-x;
	width:auto;
	height:64px;
	display:block;
	}
	
#loginBox #right{
	float:right;
	height:64px;
	width:7px;
	background:url(../images/right-profile-box.jpg) no-repeat;
	}	
	
#LogoutBtn{
	display: block;
	width:75px;
	height:28px;
	background:url(../images/LogoutBtn.gif) no-repeat 0 0;
	}	
	
#LogoutBtn:hover{
	background-position: 0 -28px;
	}
	
#LogoutBtn span{
	position: absolute;
  	top: -999em;
	}					
	
/*-------------------------------------------------------------------------------------------------*/	


.center{
	text-align:center;
	left:20px;
	}
	
.right{
	text-align:right;
	}
	
	
/************************************************ table.css with tr and td tags ************************************/
table{
	/*border:solid 0.5px #999999;*/
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #aaa;
	border-collapse: collapse;	
	width:100%;
	}	

th{
	height:28px;
	background:url(../images/tableHeadBg.jpg) repeat-x;
	border:solid 1px #999999;
	border-right:#fff;
	border-top:#fff;
	text-align:center;
	}
	
td{
	border:solid 0.5px #aaa;
	border-right:0;
	border-left:0;
	border-bottom:#fff;
	border-top:#fff;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:top;	
	   vertical-align:middle;
	   valign:middle;
	}	
	
.normaltds{
	padding-left:5px;
	/*padding-top:10px;
	padding-bottom:5px;*/
	padding-top:8px;
	padding-bottom:0px;
	padding-right:5px;
	display:table-cell;	
	border-top: solid 1px #aaa;	
	border-right:solid 1px #b2b2b2;
	text-align:left;
	}		
	
	.normaltdsForm
	{
	    padding-left:5px;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:5px;
	display:table-cell;	
	border-top: solid 1px #aaa;	
	text-align:left;
	}
	.colontdsForm
	{
	    width:4px;
	    display:block;
	    vertical-align:middle;
	    border-top: solid 1px #aaa;
	   display:table-cell;
	   text-align:center;
	}
	
tr{
	border:solid 0.5px #aaa;
	border-bottom:#fff;
	border-top:#fff;
	
  }
  #grid tr:hover { background: #DBDBDB;} 
    
.odd{
	height:30px;
	background:#FFF;
	border:solid 1px #aaa;
	width:100%;
	}
	
.even{
	height:30px;
	background:#f5f5f5;
	border:solid 1px #aaa;
	width:100%;
	}	
	
#Date{
    width:75px;
    }
    
#MeetingDateFrom{
    width:75px;
    }
#MeetingDateTo{
    width:75px;
    }
	
	/* Create Meeting Table Styles*/
.tableMeeting
	{
	    width:500px; 
	    background:#ecf5fc;
	}


	
/************************************************ /table.css with tr and Td tags ************************************/

/************************************************ Text styles ************************************/

/* login box welcome */
.txtBlueLarge{
	font-size:13px;
	color:#3399FF;
}

.txtErrorSmall
{
    font-size:11px;
    /*color:#ff07b9;*/
     color:#000;
}
/* General form error message */	
.txtError  
{   
    font-size:11px;
    color: #ec069a;
    background-color: #FFF0F5;
    background-image: url(../images/error.png);
    background-position: 4px center;
    background-repeat:no-repeat;
    border: 1px solid #ec069a;
    height:16px;
    text-indent:22px;
    line-height:12px;
    padding:5px 0px 2px 5px;
    /*padding:10px;
    text-indent:30px;
    line-height:10px;*/
}

/* footer text */
.txtWhiteSmall{
	color:#FFF;
	font-size:12px;
}			

.textheadings
{
    font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;

}

/************************************************ Button styles ************************************/	

.buttons {
    float: left;
    clear: both;
}
.button {
    color: #fff;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 4px 10px;
    position: relative;
    display: inline-block;
    text-shadow: 0 -1px 0 #040404;
    -webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #2b2b2b;
    background: -webkit-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#434343),to(#141414));
    border: solid 1px #2f2f2f;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin-right: 10px;
}
.button:hover {
    cursor:pointer;
    color: #2929AB;
    border-color: #FCD022;
	text-shadow: 0 -1px 0 #750266;
    /*-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);*/
	-webkit-transition: border-color .219s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #E9BB03;
    background: -webkit-gradient(linear,0% 30%,0% 100%,from(#FCDB54),to(#B59103));
    background: -moz-linear-gradient(linear,0% 30%,0% 100%,from(#FCDB54),to(#B59103));
    border: solid 1px #FCD022;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    margin-right: 10px;
}
.button:active {
    color: #000;
    border-color: #444;
}


/************************************************ End of Button styles ************************************/
.ui-datepicker-trigger { 
  cursor:pointer;
  position: relative; 
  top: 7px;
  
}

/************************************************************/


  fieldset
  {
      border:0;
      width: 95%;
      margin: auto; 
      padding: 0px 0px 15px 0px;
      overflow:hidden;
  }
  
   fieldset legend
  {
      padding:0px 0px 5px 0px;
  }
  
  #innerContainer
  {
      width:100%;
      background-color:#9E9E9E;
       padding-top:5px;
      margin-top:5px;
     -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -khtml-border-radius:8px;
    border-radius:8px;
     /* behavior:url(border-radius.htc);*/
   
  }  
  
  h3
  {  font: bold 20px Arial, Helvetica, sans-serif;
      color:#000;
      padding-left:20px;
      font-weight:normal;
  }
  
 
  
legend
{
    font-size:15px;
}

.DatetxtBox
{
    text-align:right;
}

/*Image Gallery*/

 #gallery
  {
      width:84%;
      margin:0 auto;
  }
  
  
#ImageFrame
{
    background-color:#DCDCDC;
    padding:8px;
    border:1px solid #909191; 
    width:237px;
    float:left;
    margin:10px;
    text-align:center;
    display:block;
    background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
    background-position:center;  
    min-height:100px;
    margin-top:0px;
}

#ImageFrame a
{
  text-decoration:none;
  border:0;
  line-height:0;
  color:#DCDCDC;
}

#ImageFrame a:visited
{
  text-decoration:none;
  border:0;
  line-height:0;
}

  #OneImagePanel
  {
      width:48%;
      float:left;
  }
  
.ImageHeaderBox
{
    padding:10px;
    overflow:hidden;
    }
    
    
    .ImageHeaderBox .ImageHeaderIcon
    {
        float:left;width:30px;
    }
    
      .ImageHeaderBox .ImageHeaderText
    {
        float:left;font-size:16px;margin-top:3px;
    }
    
    .ImageFrameContainer
    {
        width: 280px; margin: auto; 
        overflow: hidden; 
        text-align: center; 
        margin-bottom: 10px;
    }
    #pager
    {
        color:#464646;
    }
    #pager a 
    {
        color:#464646;
    }
    
   #pager a:hover
    {
        color:#fff;
    }
    
    
    .ShowCSR
    {
        display:block;       
    }
    
      .HideCSR
    {
        display:none;
        
    }